<template>
  <div class="animate__animated animate__zoomIn">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span v-if="status === '1'" class="el-icon-check" style="font-size: 30px">现在是打分时间</span>
        <span v-if="status === '0'" class="el-icon-close" style="font-size: 30px">现在不是打分时间</span>
      </div>
      <span style="font-size: 24px">打分时间为：<span style="text-decoration: underline;color: red">
        {{this.start }}</span>----<span style="text-decoration: underline;color: red">{{ this.end }}</span></span>
    </el-card>
  </div>
</template>

<script>
import request2 from "@/utils/request2";

export default {
  name: "Home",
  data() {
    return {
      start: '',
      end: '',
      status: ''
    }
  },
  created() {
    this.load()
  },
  methods: {
    load() {
      request2.get('/timeSet/getTeacher').then(res => {
        this.start = res.data.start
        this.end = res.data.end
        this.status = res.data.status
      })
    }
  }
}
</script>
